---
layout: default
---

 <div class="row" id="blog-posts-container">
      <div class="col-lg-8 offset-md-1">
              <ul>
                  <div class="row">
                      {% for post in paginator.posts %}
                      <div class="card blog-post">
                          <img class="card-img-top" src="{{site.url}}{{site.baseurl}}/assets/img/posts/{{ post.thumbnail }}" alt="{{ post.title }}">
                          <div class="card-body center">
                              <!-- <img src="{{site.url}}{{site.baseurl}}/assets/img/{{ site.author_logo }}" class="author-profile-img"> -->
                              <h4 class="card-title">{{ post.title }}</h4>

                              <h6 class="card-subtitle mb-2 text-muted">{{ post.date | date: "%b %-d, %Y" }}</h6>
                              <p class="card-text">{{ post.summary }} </p>

                              <a href="{{ post.url | prepend: site.baseurl }}" data-disqus-identifier="{{ post.url }}" class="btn btn-dark btn-lg">Read</a>
                              <span class="disqus-comment-count" data-disqus-identifier="{{ post.url }}"></span>

                          </div>
                      </div>
                      {% endfor %}
                  </div>
              </ul>

        <div class="row center">
          <!-- Pagination links -->
          {% if paginator.total_pages > 1 %}
            <ul class="pagination pagination-sm">
              {% if paginator.previous_page %}
                <li class="pagination-link"><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo;</a></li>
              {% else %}
                <li class="pagination-link disabled"><span aria-hidden="true">&laquo;</span></li>
              {% endif %}

              <li class="pagination-link ><a href="/blog">First</a></li>

              {% for page in (1..paginator.total_pages) %}
                {% if page == paginator.page %}
                  <li class="active pagination-link"><a>{{ page }}<span class="sr-only">(current)</span></a></li>
                {% elsif page == 1 %}
                  <li class="pagination-link"><a href="/blog">{{ page }}</a></li>
                {% else %}
                  <li class="pagination-link"><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
                {% endif %}
              {% endfor %}

              <li class="pagination-link"><a href="/blog/page/{{ paginator.total_pages }}/#/">Last</a></li>

              {% if paginator.next_page %}
                <li class="pagination-link"><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&raquo;</a></li>
              {% else %}
                <li class="disabled pagination-link"><span>&raquo;</span></li>
              {% endif %}
            </ul>
          {% endif %}
      </div>

    </div>
    {%- include blog_sidebar.html -%}

 </div>

